<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <meta name="description" content="如影,比你更懂你，如影给与用户最真诚的品牌承诺">
    <meta name="keywords" content="know,如影智能,know you better,生活家居,智能家居,如影智能家居,Smart home,coffeerobot,如影,北京如影智能科技有限公司">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?bc6f071d998b8662289e33d0f43b4a40";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <title>如影智能，专注智能生活体验</title>
    <link rel="stylesheet" href="style/index.css">
</head>
<body>
    <header id="global-header" class="global-main-head" >
        <nav id="global-nav">
            <div class="header-content header-flex">
                <h1><a href="index.html" class="logo" id="mainLogo"></a></h1>
            </div>
            
                <ul class="gloabal-nav-list" id="gloabalList">
                    <li data-index="0"><a  href="javascript:;" >inSight</a></li>
                    <li><a  href="aiobox/index.html">AIO BOX</a></li>
                    <li data-index="1"><a  href="javascript:;">inLight</a></li>
                    <li data-index="2"><a  href="javascript:;">inCare</a></li>
                    <li data-index="3"><a  href="javascript:;">inBot</a></li>
                    <li data-index="4"><a  href="javascript:;">Know more</a></li>
                    <!-- <li data-index="5"><a  href="javascript:;">技术支持</a></li> -->
                </ul>
            
            
            <!-- insight -->
            
                <a href="javascript:;" class="mobile-nav-icon" data-index="0" id="navBar">
                    <span class="icon"></span>
                </a>
            
            <!-- inLight -->
            
            <!-- inCare -->
            
            <!-- inBot -->
            
            <!-- know more -->
            
        </nav>
    </header>
    <div id="productDetailWrap" class="product-detatil-wrap inner-off">
        <div id="innerWrap" class="inner-wrap">
            <div class="inner-header">
                <div class="inner-nav-list-wrap">
                    <div class="inner-logo">
                        <a href="index.html"></a>
                    </div>
                    <div class="inner-links-wrap">
                        <ul class="inner-links" id="innerNav">
                            <li data-index="0" class="active">
                                <a href="javascript:;">inSight</a>
                            </li>
                            <li>
                                <a href="aiobox/index.html">AIO BOX</a>
                            </li>
                            <li data-index="1">
                                <a href="javascript:;">inLight</a>
                            </li>
                            <li data-index="2">
                                <a href="javascript:;">inCare</a>
                            </li>
                            <li data-index="3">
                                <a href="javascript:;">inBot</a>
                            </li>
                            <li data-index="4">
                                <a href="javascript:;">Know more</a>
                            </li>
                            <!-- <li data-index="5">
                                <a href="javascript:;">技术支持</a>
                            </li> -->
                        </ul>
                        <div class="inner-links-line"></div>
                    </div>
                </div>
            </div>
            <div class="inner-content">
                <div id="innerProducts">
                    <!-- inSight -->
                    <div class="inSight-products inner-products-horizontal" data-index="0">
                        <ul>
                            <li>
                                <a href="insight-pro/index.html" class="img-mask">
                                    <figure class="inSight-product1"></figure>
                                    <span>如影 <strong>inSight Pro</strong> 双屏智能中控</span>
                                </a>
                            </li>
                            <li>
                                <a href="insight/index.html" class="img-mask">
                                    <figure class="inSight-product2"></figure>
                                    <span>如影 <strong>inSight</strong> 智能中控</span>
                                </a>
                            </li>
                            <!-- <li>
                                <a href="../edison/index.html" class="img-mask">
                                    <figure class="inSight-product4"></figure>
                                    <span>如影智能管家 <strong>Edison</strong></span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="img-mask">
                                    <figure class="inSight-product5"></figure>
                                    <span>如影 <strong>App</strong></span>
                                </a>
                            </li> -->
                        </ul>
                    </div>

                    <!-- Aio box -->
                    <!--div class="AioBox-products inner-products-horizontal" data-index="1">
                        <ul>
                            <li>
                                <a href="../aiobox/index.html" class="img-mask">
                                    <figure class="AioBox-product1"></figure>
                                    <span><strong>AIO BOX</strong> 全屋智能套装</span>
                                </a>
                            </li>
                        </ul>
                    </div-->

                    <!-- inLight -->
                    <div class="inLight-products inner-products-horizontal" data-index="1">
                        <ul>
                            <!-- <li>
                                <a href="../smart-light/index.html" class="img-mask">
                                    <figure class="inLight-product1"></figure>
                                    <span>如影 <strong>inLight</strong> 智能照明</span>
                                </a>
                            </li> -->
                            <li>
                                <a href="panel/index.html" class="img-mask">
                                    <figure class="inLight-product2"></figure>
                                    <span>如影智能开关</span>
                                </a>
                            </li>
                            <li>
                                <a href="smart-drive/index.html" class="img-mask">
                                    <figure class="inLight-product3"></figure>
                                    <span>如影智能驱动</span>
                                </a>
                            </li>
                            <li>
                                <a href="smart-curtain/index.html" class="img-mask">
                                    <figure class="inLight-product4"></figure>
                                    <span>如影智能窗帘电机</span>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <!-- inCare -->
                    <div class="inCare-products inner-products-horizontal" data-index="2">
                        <ul>
                            <li>
                                <a href="smart-incare/index.html" class="img-mask">
                                    <figure class="inCare-product1"></figure>
                                    <span>如影 <strong>inCare</strong> 智能安防环境系统</span>
                                </a>
                            </li>
                            <li>
                                <a href="smart-door/index.html" class="img-mask">
                                    <figure class="inCare-product2"></figure>
                                    <span>如影智能门</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                
                    <!-- inBot -->
                    <div class="inBot-products inner-products-horizontal" data-index="3">
                        <ul>
                            <li>
                                <a href="coffeerobot/index.html" class="img-mask">
                                    <figure class="inBot-product1"></figure>
                                    <span>如影咖啡机器人 <strong>P</strong>系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="coffeerobot-t/index.html" class="img-mask">
                                    <figure class="inBot-product2"></figure>
                                    <span>如影咖啡机器人 <strong>T</strong>系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="kitchen-robot/index.html" class="img-mask">
                                    <figure class="inBot-product3"></figure>
                                    <span>如影厨房机器人</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 如影品牌 -->
                    <div class="know-brand inner-products-horizontal" data-index="4">
                        <ul>
                            <li>
                                <a href="about/about.html" class="img-mask">
                                    <figure class="knowbrand-product1"></figure>
                                    <span>关于我们</span>
                                </a>
                            </li>
                            <!-- <li>
                                <a href="../know-brand/know-brand.html" class="img-mask">
                                    <figure class="knowbrand-product2"></figure>
                                    <span>品牌主张</span>
                                </a>
                            </li> -->
                            <!-- <li>
                                <a href="../know-news/know-news.html" class="img-mask">
                                    <figure class="knowbrand-product3"></figure>
                                    <span>大事记</span>
                                </a>
                            </li> -->
                            <li>
                                <a href="jobs/jobs.html" class="img-mask">
                                    <figure class="knowbrand-product4"></figure>
                                    <span>加入我们</span>
                                </a>
                            </li>
                            <!-- <li>
                                <a href="../newsmedia/newsmedia.html" class="img-mask">
                                    <figure class="knowbrand-product5"></figure>
                                    <span>媒体报道</span>
                                </a>
                            </li>
                            <li>
                                <a href="../know-events/know-events.html" class="img-mask">
                                    <figure class="knowbrand-product6"></figure>
                                    <span>最新活动</span>
                                </a>
                            </li>
                            <li>
                                <a href="../user-community/user-community.html" class="img-mask">
                                    <figure class="knowbrand-product7"></figure>
                                    <span>用户社区</span>
                                </a>
                            </li> -->
                        </ul>
                    </div>
                    <!-- 技术支持-->
                    <!-- <div class="after-service inner-products-horizontal" data-index="5">
                        <ul>
                            <li>
                                <a href="../service-process/service.html" class="img-mask">
                                    <figure class="service-product1"></figure>
                                    <span>售后服务</span>
                                </a>
                            </li>
                            <li>
                                <a href="../service-team/service-team.html" class="img-mask">
                                    <figure class="service-product2"></figure>
                                    <span>装维团队</span>
                                </a>
                            </li>
                            <li>
                                <a href="../service-process/service-process.html" class="img-mask">
                                    <figure class="service-product3"></figure>
                                    <span>服务流程</span>
                                </a>
                            </li>
                        </ul>
                    </div> -->
                </div>
            </div>
            <div class="inner-seachArea"></div>
            <!-- <a class="inner-search-icon" href="javascript:;"></a> -->
            <div class="inner-addsearch-body"></div>
            <p class="inner-close"><a href="javascript:;"></a></p>
        </div>
    </div>
    <div class="main-wrap" id="mainIndex">
        <main class="main-content"  role="main">
            <section class="section-info1">
                <div class="f-bg-section  inSightPro-bg">
                    <div class="content-wrapper1">
                        <h3>双屏智能中控</h3>
                        <h2 class="headline">如影 inSight Pro</h2>
                        <p class="subhead">下一代家庭中控系统</p>
                        <a href="insight-pro/index.html" class="btn-more">进一步了解</a>
                    </div>
                    <div class="video-fixed-wrap" id="inSightVideoWrap">
                        <video id="inSightVideo"  muted="muted" controlslist="nodownload"x5-video-player-type="h5" x-webkit-airplay="allow" playsinline -webkit-playsinline="true" poster="https://img.knowin.com/knowin/images/index/v_insightpro.jpg">
                            <source src="https://dl.knowin.com/knowin/video/index/insightpro.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
                        </video>
                        <button class="playback-control video-play"></button>
                    </div>
                </div>
            </section>
            <section class="section-info1">
                <div class="f-bg-section  inSight-bg">
                    <div class="content-wrapper1">
                        <h3>智能中控</h3>
                        <h2 class="headline">如影 inSight</h2>
                        <p class="subhead">下一代家庭中控系统</p>
                        <a href="insight/index.html" class="btn-more">进一步了解</a>
                    </div>
                    <div class="video-fixed-wrap" id="inSightVideoWrap1">
                        <video id="inSightVideo1"  muted="muted" controlslist="nodownload" x5-video-player-type="h5" x-webkit-airplay="allow" playsinline -webkit-playsinline="true" poster="https://img.knowin.com/knowin/images/index/v_insight.jpg">
                            <source src="https://dl.knowin.com/knowin/video/index/insight.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
                        </video>
                        <button class="playback-control video-play"></button>
                    </div>
                </div>
            </section>
            <section class="section-info1">
                <div class="f-bg-section aioBox-bg">
                    <div class="content-wrapper1">
                        <h3>一个盒子，一份心意，一片对家的想象。</h3>
                        <h2 class="headline">AIO BOX 全屋智能套装</h2>
                        <p class="subhead">如影智能，比你更懂你。</p>
                        <a href="aiobox/index.html" class="btn-more">进一步了解</a>
                    </div>
                </div>
            </section>
            <section class="section-info1">
                <div class="f-bg-section  cookCaffeerobot-bg">
                    <div class="content-wrapper1">
                        <h3>你身边的米其林私厨</h3>
                        <h2 class="headline">如影厨房机器人</h2>
                        <p class="subhead">全流程自主烹饪 | 大师级口感</p>
                        <a href="kitchen-robot/index.html" class="btn-more">进一步了解</a>
                    </div>
                    <div class="video-fixed-wrap" id="cookCaffeerobotVideoWrap">
                        <video id="cookCaffeerobotVideo"  muted="muted" controlslist="nodownload"x5-video-player-type="h5" x-webkit-airplay="allow" playsinline -webkit-playsinline="true" poster="https://img.knowin.com/knowin/images/index/v_kitchen_robot.jpg">
                            <source src="https://dl.knowin.com/knowin/video/index/kitchen_robot.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
                        </video>
                        <button class="playback-control video-play"></button>
                    </div>
                </div>
            </section>
            <section class="section-info section-bottom">
                <div class="flex-layout">
                    <div class="image-wrapper">
                        <div class="content-wrapper">
                            <h2 class="headline">如影咖啡机器人 P系列</h2>
                            <p >复刻大师手法制作精品拉花咖啡</p>
                        </div>
                        <!-- <a href="javascript:;" class="btn-more">进一步了解<span class="icon-chevronright1"></span></a> -->
                        <a href="coffeerobot/index.html"><figure class="image-coffeerobot-pic1"></figure></a>
                    </div>
                    <div class="image-wrapper">
                        <div class="content-wrapper">
                            <h2 class="headline">如影咖啡机器人 T系列</h2>
                            <p>近距离交互，咖啡触手可得。</p>
                        </div>
                        <!-- <a href="javascript:;" class="btn-more">进一步了解<span class="icon-chevronright1"></span></a> -->
                        <a href="coffeerobot-t/index.html"><figure class="image-coffeerobot-pic2"></figure></a>
                    </div>
                </div>
            </section>
            <section class="section-info section-bottom">
                <div class="flex-layout">
                    <div class="image-wrapper">
                        <div class="content-wrapper">
                            <h2 class="headline">如影智能开关</h2>
                            <p>全屋灯光随心智控</p>
                        </div>
                        <!-- <a href="javascript:;" class="btn-more">进一步了解<span class="icon-chevronright1"></span></a> -->
                        <a href="panel/index.html"><figure class="image-panel-pic1"></figure></a>
                    </div>
                    <div class="image-wrapper">
                        <div class="content-wrapper">
                            <h2 class="headline">如影智能门</h2>
                            <p>“一扇门，就够了。”</p>
                        </div>
                        <!-- <a href="javascript:;" class="btn-more">进一步了解<span class="icon-chevronright1"></span></a> -->
                        <a href="smart-door/index.html"><figure class="image-smartdoor-pic1"></figure></a>
                    </div>
                </div>
            </section>
            <section class="knowapp-info-wrap">
                <div class="flex-layout1">
                    <div class="content-wrapper2 knowdownload-info">
                        <h2 class="headline">如影智能<span>&nbsp;App</span></h2>
                        <div class="download-detail">
                            <p class="subhead">远程管理您的家庭</p>
                            <div class="icon-knowapp-info">
                                <figure class="knowappd-icon-img"></figure>
                            </div>
                        </div>
                    </div>
                    <div class="knowapp-img-wrap">
                        <figure class="knowapp-img"></figure>
                    </div>
                    <div class="content-wrapper2 knowapp-qr-download">
                        <a href="https://download.knowin.com/insight_app" class="subhead">
                            <figure class="knowapp-qr"></figure>
                            <span>即刻下载</span>
                        </a>
                    </div>
                </div>
            </section>
        </main>
        <footer class="footer">
            <div class="footer-concat-info">
                <div>
                    <p>更多选购方式，请&nbsp;<a href="store/store.html" class="mark-info">查找零售店</a>&nbsp;或&nbsp;<a href="https://knowin.jd.com" target="_blank" class="mark-info">如影京东官方商城</a></p>
                </div>
                <div class="footer-line-wrap">
                    <div>
                        <p>服务热线：<a href="javascript:;" class="mark-info">400 - 8983 - 666</a>&nbsp;周一至周日 9:00 - 22:00</p>
                    </div>
                    <div>
                        <div class="icon-qr"></div>
                        <a href="javascript:;" class="icon-wechart" id="qrcodeGzh"></a>
                        <a href="https://weibo.com/u/7488517295" class="icon-weibo"></a>
                    </div>
                </div>
            </div>
            <nav class="footer-nav">
                <div class="directory-column-section">
                    <div class="footer-directory-column">
                        <h3 class="directory-column-title">inSight</h3>
                        <ul>
                            <li><a href="insight-pro/index.html">如影 inSight Pro 双屏智能中控</a></li>
                            <li><a href="insight/index.html">如影 inSight 智能中控</a></li>
                            <!-- <li><a href="../edsion/index.html">如影智能管家 Edison</a></li>
                            <li><a href="javascript:;">如影 App</a></li> -->
                        </ul>
                    </div>
                    <div class="footer-directory-column">
                        <h3 class="directory-column-title">AIO BOX</h3>
                        <ul>
                            <li><a href="aiobox/index.html">全屋智能套装</a></li>
                        </ul>
                    </div>
                    <div class="footer-directory-column">
                        <h3 class="directory-column-title">inLight</h3>
                        <ul>
                            <!-- <li><a href="../smart-light/index.html">如影 inLight 智能照明</a></li> -->
                            <li><a href="panel/index.html">如影智能开关</a></li>
                            <li><a href="smart-drive/index.html">如影智能驱动</a></li>
                            <li><a href="smart-curtain/index.html">如影智能窗帘电机</a></li>
                        </ul>
                    </div>
                    <div class="footer-directory-column">
                        <h3 class="directory-column-title">inCare</h3>
                        <ul>
                            <li><a href="smart-incare/index.html">如影 inCare 智能安防环境系统</a></li>
                            <li><a href="smart-door/index.html">如影智能门</a></li>
                        </ul>
                    </div>
                    <div class="footer-directory-column">
                        <h3 class="directory-column-title">inBot</h3>
                        <ul>
                            <li><a href="coffeerobot/index.html">如影咖啡机器人 P系列</a></li>
                            <li><a href="coffeerobot-t/index.html">如影咖啡机器人 T系列</a></li>
                            <li><a href="kitchen-robot/index.html">如影厨房机器人</a></li>
                        </ul>
                    </div>
                    <div class="footer-directory-column">
                        <h3 class="directory-column-title">Know more</h3>
                        <ul>
                            <li><a href="about/about.html">关于我们</a></li>
                            <!-- <li><a href="../know-brand/know-brand.html">品牌主张</a></li> -->
                            <!-- <li><a href="../know-news/know-news.html">大事记</a></li> -->
                            <li><a href="jobs/jobs.html">加入我们</a></li>
                            <!-- <li><a href="../newsmedia/newsmedia.html">媒体报道</a></li>
                            <li><a href="../know-events/know-events.html">最新活动</a></li>
                            <li><a href="../user-community/user-community.html">用户社区</a></li> -->
                        </ul>
                    </div>
                    <!-- <div class="footer-directory-column">
                        <h3 class="directory-column-title">技术支持</h3>
                        <ul>
                            <li><a href="../service-process/service.html">售后服务</a></li>
                            <li><a href="../service-team/service-team.html">装修团队</a></li>
                            <li><a href="../service-process/service-process.html">服务流程</a></li>
                        </ul>
                    </div> -->
                </div>
            </nav>
            <section class="footer-legal-wrap">
                <div class="footer-legal-detail">
                    <div>
                        <p><a href="https://map.baidu.com/search/%E5%8C%97%E4%BA%AC%E5%B8%82%E6%9C%9D%E9%98%B3%E5%8C%BA%E5%8C%97%E8%8B%91%E8%B7%AF%E4%B9%99108%E5%8F%B75%E5%B9%A21%E5%B1%827%E5%8F%B7/@12961619.155,4839827.69,19z?querytype=s&amp;da_src=shareurl&amp;wd=%E5%8C%97%E4%BA%AC%E5%B8%82%E6%9C%9D%E9%98%B3%E5%8C%BA%E5%8C%97%E8%8B%91%E8%B7%AF%E4%B9%99108%E5%8F%B75%E5%B9%A21%E5%B1%827%E5%8F%B7&amp;c=257&amp;src=0&amp;pn=0&amp;sug=0&amp;l=13&amp;b=(12591407,2618425;12647343,2649465)&amp;from=webmap&amp;biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&amp;device_ratio=2">© Know 2020&nbsp;北京如影智能科技有限公司</a></p>
                    </div>
                    <div class="link-legal-wrap">
                        <a href="http://www.beian.miit.gov.cn/" target="_blank">京ICP备20007882号-1</a>
                        <a href="javascript:;">隐私政策</a>
                        <a href="javascript:;">用户协议</a>
                        <a href="javascript:;">知识产权政策</a>
                        <a href="javascript:;">安全问题反馈</a>
                        <a href="javascript:;">站点地图</a>
                    </div>
                </div>
            </section>
        </footer>
    </div>
    <script src="js/scrollreveal.min.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/video.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
</body>
</html>